<template>
  <el-dialog
    class="updata-dialog"
    title="查看修改记录"
    width="900px"
    :visible.sync="dialog.visible"
    :modal-append-to-body="false"
    :append-to-body="true"
  >
    <div class="main">
      <el-table
        :data="arr"
        style="width: 100%"
        border
        class="primary-table dev-height"
      >
        <el-table-column prop="date" label="修改人" align="center" />
        <el-table-column prop="name" label="修改时间" align="center" />
      </el-table>
    </div>
    <div class="foot">
      <el-button @click="submit" type="primary">确定</el-button>
      <el-button @click="cancle">取消</el-button>
    </div>
  </el-dialog>
</template>

<script>
export default {
  data() {
    return {
      dialog: {
        visible: false,
        title: "xiangqing ",
      },
      arr: [],
    };
  },
  methods: {
    //打开弹窗
    async open() {
      this.dialog.visible = true;
    },
    //确定
    submit() {},
    cancle() {
      this.dialog.visible = false;
    },
  },
};
</script>

<style scoped lang="scss">
.updata-dialog {
  .main {
    height: calc(100% - 80px);
    overflow: auto;
  }
  .dev-height {
    // height: calc(100% - 80px);
  }
  .foot {
    text-align: center;
    margin-top: 20px;
  }
}
</style>
